<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="ms_mainpage"></title>

	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css">
    <link rel="stylesheet" href="./style/index.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
        var UserID= '<%=session.getAttribute("userid")%>';
	</script>
</head>

<body>
<%@ include file="head.jsp"%>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="./imgs/mainpage/carousel1.jpg" alt="..." class="banner">
      <div class="carousel-caption">

      </div>
    </div>
    <div class="item">
      <img src="./imgs/mainpage/carousel2.jpg" alt="..." class="banner">
      <div class="carousel-caption">

      </div>
    </div>
  </div>

</div>
<div id="container" class="container">
    <h3 data-localize="ms_hotlesson" class="hotlesson"></h3>
        <div id="lessonlist">
        <ul class="media-list" id="hotUl">

        </ul>
        </div>




		<h6 style="text-align:center" data-localize="login_copyright"></h6>
</div>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="script/jquery.i18n.properties.min.js"></script>
	<script src="script/jquery.i18n.init.js"></script>
	<script src="script/layerui/layer.js"></script>
  <script src="script/index.js"></script>
</body>

</html>